在 Vue2 當中,雖然說是漸進式框架,然而在一開始的 Vue 本體就已經包含了許多東西了,針對這問題 Vue3 有將基本的本體進行更多的簡化,達成是一個最小核心。
並且在資料宣告的過程,除了以前的 Object API 的撰寫模式,我們多了一個 composition API 可以做選擇,composition API 讓我們將同樣的業務邏輯內容可以併在一起寫,不像是 Object API 根據性質拆。
//composition API
export default {
setup(){
let data = ref('');
let getData = async function(){
await api.getData();
}
return {
data,
getData
}
}
}
//Object API
export default {
data(){
return {
data: ''
}
},
methods: {
async getData(){
await api.getData();
}
}
}
並且 Vue3 的資料數據綁定,從 defineProperty 變成 proxy 模式,對於深層的資料監控更加地順利了
今天主要是做一個導讀的動作,後續的內容讓我們接下來的日子一一介紹吧